<template>
  <div class='out_warp'>
    <ul>
      <li><i class="iconfont icon-shipin"
           style="font-size:30px"></i>视频</li>
      <li><i class="iconfont icon-1"
           style="font-size:35px"></i>首页</li>
      <li><i class="iconfont icon-fenlei"
           style="font-size:35px"></i>分类</li>
      <li><i class="iconfont icon-gerenzhongxin"
           style="font-size:30px"></i>个人中心</li>
    </ul>
  </div>
</template>

<script>
export default {
  name: 'Home',
  data () {
    return {

    }
  },
  created () {

  },
  mounted () {

  },
  methods: {

  }
}
</script>

<style scoped lang="less">
.out_warp {
  display: flex;
  justify-content: center;
  ul {
    display: flex;
    width: 399px;
    justify-content: space-between;
    align-items: center;
    li {
      margin: 0 20px;
      display: flex;
      flex-direction: column;
    }
  }
}
</style>
